<template>
	<view class="cart_bottom">
		<view class="cart_item">
			<view class="cart_left">
				<span class="goods_num">{{cart_number}}件商品</span>
			</view>
			<view class="cart_right">
				<span class="goods_total">合计：</span>
				<span class="goods_symbol">￥</span>
				<span class="goods_total_num">{{cart_amount}}</span>
			</view>
		</view>
		<view class="sub_order" @click="subOrder">提交订单</view>
	</view>
</template>

<script>
	export default{
		name:'cart_bottom',
		props:{
			cart_number:{
				type:Number,
				default:0
			},
			cart_amount:{
				type:Number,
				default:0
			}
		},
		data(){
			return {
				
			}
		},
		methods:{
			subOrder:function(){
				this.$emit('goToPayOrder')
			}
		}
	}
</script>

<style>
	.cart_bottom{
		position: fixed;
		width: 750rpx;
		background-color: #FFFFFF;
		height: 136rpx;
		bottom: 100rpx;
		z-index: 999999;
		box-shadow: 0 -24rpx 24rpx  rgb(135,135,135,0.1);
	}
	.cart_item{
		width: 500rpx;
		height: 136rpx;
		line-height: 136rpx;
		float: left;
	}
	.cart_left{
		height: 136rpx;
		text-align: right;
		float: left;
		margin-left: 52rpx;
	}
	.goods_num{
		font-weight: 600;
		font-size: 30rpx;
		color: #252631;
	}
	.cart_right{
		float: right;
		height: 136rpx;
		line-height: 136rpx;
	}
	.goods_total{
		font-weight: 600;
		font-size: 30rpx;
		color: #252631;
		display: block;
		float: left;
	}
	.goods_symbol{
		color: #FF2C2B;
		font-size: 32rpx;
		font-weight: 700;
		display: block;
		float: left;
	}
	.goods_total_num{
		color: #FF2C2B;
		font-size: 48rpx;
		font-weight: 700;
		display: block;
		float: left;
	}
	.sub_order{
		width: 208rpx;
		height: 84rpx;
		margin: 24rpx 24rpx 28rpx 0;
		float: right;
		background-color: #FE7701;
		border-radius: 44rpx;
		text-align: center;
		line-height: 84rpx;
		color: #FFFFFF;
		font-size: 28rpx;
		font-weight: 500;
	}
</style>
